15 Amazing Carousel CSS3 Examples
Sky jQuery Touch Carousel is a jQuery carousel slider plugin with rich set of features. Uses CSS3 transitions.
2. WOW Slider
The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.
WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.
Also, you can share your slider on Facebook.
3D Touch Carousel is a example jQuery JavaScript plugin for creating a carousel gallery. and real 3d mode powered by CSS3 . Real 3D with CSS3
CSS3 titles transition support
Why buy Royal 3d Carousel?
Fully responsive 3D carousel that allows to display media or jQuery HTML slider with an unique and original layout. Packed with tone of options allowing you to control the layout of your 3D carousel in the way that pleases you the most. Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode. Fast CSS3 & JavaScript engine. Royal 3D Carousel can be used in any type of scroller in HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with slideshow HTML code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).
Carousel style navigation with 2 sides support. CSS3 driven animation, graceful degradation.
The custom scrollbars packed in this menu will automatically appear when needed and if you need to add even more content, you can use the infinite carousel to scroll between each part of the panel.Infinite sliding carousel
CSS3 animations
Please note that some features don’t show up on some browsers, for example gradients or CSS3 transitions don’t work under Internet Explorer 7-8.
jQuery-only Basic Version: Showbiz Business Carousel jQuery Plugin
Fast CSS3 & jQuery Engine
change: Carousel clones Items if amount of entry is less then needed.
8. iCarousel™
iCarousel is a powerful mobile-friendly and lightweight jQuery plugin that allows you to arrange a set of images in a carousel layout. The plugin also provides an easy to use API which will allow to further enhance the functionality of the carousel. Fast, hardware accelerated CSS3 transitions.
CSS3 Transitions
Supports CSS3 transition property. Create a slider with hardware accelerated CSS3 transitions.
CodingJack’s 3D Carousel
Real 3D using CSS3 3D Transforms
3D Carousel will be shown on Chrome, Firefox, Safari, iOS and Android
The carousel is supported on iOS and Android and includes touch swipe functionality. But because the carousel can appear small on smaller screens, I’ve included two special options for smartphones:
Choose to “auto spin” the carousel.CSS3
CSS3 3D is still considered experimental technology by the major browsers. have a carousel with 100 items, etc.), please keep in mind that we’re bound by the technology’s limitations, and that there is no guarantee the particular settings you wish to use will allow for a smooth carousel experience.Although IE10 supports some parts of CSS3 3D, important parts that are needed for the carousel to work are not supported (specifically, transform-style: preserve-3d;). When IE10 adds support for this I’ll update the carousel.
Responsive, touch- and mobile-ready, Ajax-enabled and CSS3-styleable
Four different behaviours: carousel, gallery, multicontent and free-slide
May be used as carousel, banner rotator and image gallery.Fluid width of carousel for free-scroll mode.Fast, hardware accelerated CSS3 transitions.Smart autoplay(slideshow) — pauses when you hover over and stops when some action with carousel is done (optional). If you’re looking for responsive slider – use my RoyalSlider plugin, you can put multiple items in one slide in it, so it’ll look like carousel.
It uses CSS3 native transition and animations to get the best performance taking advantage of the modern browser features, without lose functionality in older browsers. Native CSS3 animations
CSS3 3D animation
CSS3 Support Autodetection
New CSS3 animations
Added carousel mode
Responsive Retina-Ready CSS3 Content Carousel Plugin
Everslider is fully responsive, mobile optimized jQuery carousel plugin. It uses CSS3 transitions for animations with fallback to jQuery.Hardware CSS3 transitions with fallback to jQuery
Three carousel modes + autoplay (ticker)
16. Three Circles
ThreeCircle is a unique and easy to use carousel slider written in jQuery compatible with old browsers like IE 6.Automatically transitions through your carousel when visitors arrive on your website.CSS3 driven, graceful degradation Displays consistently across all major browsers including Internet Explorer, Firefox, Opera, Chrome, and Safari. HTMLInsert simple HTML structure with list of images where you want to have carousel